.group-list-item {
  .at-list-item-left > span {
    display: flex;
    align-items: center;
  }
  .at-list-item-body {
    min-width: 0;
  }
  .at-list-item-body-description-item:first-child {
    max-width: initial;
    margin-right: 16px;
  }
  .project-list-item-title {
    display: inline-block;
    max-width: calc(100% - 16px);
  }
  .project-list-item-desc {
    width: 100%;
    display: flex;
    align-items: center;
    &-project-desc {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    &-divider {
      margin-left: 8px;
    }
    &-time {
      margin-left: 8px;
      &:first-child {
        margin-left: 0;
      }
    }
  }
}
.sub-group-container {
  padding-left: 24px;
  position: relative;
  &::before {
    position: absolute;
    content: '';
    top: 0;
    left: 10px;
    bottom: 0;
    background: $gray-02;
    width: 2px;
  }
  .go-sub-group {
    height: 44px;
    line-height: 44px;
  }
}

.group-list-item-container {
  // TODO 组封面用另一套配色，待之后使用at的cover组件实现
  .at-text-avatar-bg-0-cover {
    background: #e3eafd;
    color: #a3a4d9;
  }
  .at-text-avatar-bg-1-cover {
    background: #fbeaeb;
    color: #f28a8c;
  }
  .at-text-avatar-bg-2-cover {
    background: #ffedde;
    color: #f1a88f;
  }
  .at-text-avatar-bg-3-cover {
    background: #e4f4dd;
    color: #84b96a;
  }
  .at-text-avatar-bg-4-cover {
    background: #f3e8e6;
    color: #cd9f97;
  }
  .at-text-avatar-bg-5-cover {
    background: #d4f0ff;
    color: #51b3f6;
  }
  .at-text-avatar-bg-6-cover {
    background: #f3e8e6;
    color: #cd9f97;
  }
}
